<template>
  <a-dropdown class="base">
    <a class="ant-dropdown-link" @click.prevent>
      <label class="down">Strawberry Bear</label>
      <DownOutlined class="down" />
    </a>
    <template #overlay>
      <a-menu>
        <a-menu-item>
          <!-- <a href="javascript:;"> -->
          <router-link to="/plaintext/profilePage">个人中心</router-link>
          <!-- </a> -->
        </a-menu-item>
        <a-menu-item>
          <router-link to="/plaintext/profilePageSettings"
            >个人设置</router-link
          >
        </a-menu-item>
        <a-menu-item>
          <router-link to="/">退出登录</router-link>
        </a-menu-item>
      </a-menu>
    </template>
  </a-dropdown>
</template>
<script setup>
import { DownOutlined } from "@ant-design/icons-vue";
</script>
<style>
.down {
  color: burlywood;
}
</style>
